@charset "utf-8";
/* CSS Document */

.regbox{ width:72%; height:40%; position:relative; top: 0%;left: 50%; margin:30% 0px 0px -36%;}
.regbox2{ width:72%; height:40%; position:relative; top: 0%;left: 50%; margin:0% 0px 0px -36%;}
.regtable{ width:100%; height:100%; display:table;} 
.regcell{ display:table-cell;vertical-align:middle;}
.regkuan{ width:100%; overflow:hidden;}
.regkuan .regtxt{ color:#0a8e89; line-height:24px; margin-bottom:10px; font-size:15px;}
.regkuan .regline{ border:1px solid #0ca7a5; line-height:2.5em; height:2.5em; margin-bottom:20px;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 
}
.regkuan .regline a.mui-ico{ height:2.5em; margin-left:10px;}
.regline input[type='text'],.regline input[type='password']{ border:none; border:0px; background-color:transparent;  font-size:16px; color:#27b127; margin-left:6px; width:80%;}
.regline input.regyzm{ width:40%; height:32px;}
.regsendyzm{ background:url(../images/regyzm.png) no-repeat center center; width:123px; height:44px; text-align:center; font-size:14px; cursor:pointer;}
a.regsendyzm,a.regsendyzm:hover{ color:#fff;}

.regnext{ background-color:#0ca7a5; line-height:2.5em; height:2.5em; margin-bottom:10px; text-align:center;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;  
}
.regnext .regbtn{ border:none; border:0px; background-color:transparent; text-align:center; width:100%; height:2.5em; color:#Fff; font-size:17px;}
.regok{ text-align:center;}
.regok .regok-ico{ background:url(../fonts/regok-ico.png) no-repeat center center; height:36px; width:100%; display:block;}
.regok .regerr-ico{ background:url(../fonts/regerr-ico.png) no-repeat center center; height:36px; width:100%; display:block;}
.regok p{ line-height:30px;}
.regok p.h1{ margin-top:15px; font-size:18px; color:#f00;}
.regok p.h2{ font-size:14px; color:#898989;}

.equipment{ width:90%; margin:10% auto 0px;}
.equipment h5{ font-size:15px; color:#333;}
.equipment .sc{ width:100%; text-align:center; margin-top:10%;}
.equipment .sc img{ width:40%;}
.equipment .sid{ text-align:center; margin-top:10px; font-size:15px;}
.forgetpa{ font-size:14px; text-align:center;}
.forgetpa a{ color:#aaa;}

.regrg{ font-size:15px; text-align:center; width:100%;}
.regrg a{ color:#109609;}
@media (max-height:481px) {
.regrg{ position:relative; margin-top:35%;}
}
@media ( min-height:482px) and ( max-height:641px ) {
.regrg{ position:relative; margin-top: 64%;}
}
@media (min-height:642px) and ( max-height:961px ){
.regrg{ position:relative; margin-top: 70%;}
}
@media (min-height:962px){
.regrg{ position:relative; margin-top: 90%;}
}


.indexbox{ width:100%; height:50%; position:absolute; top: 50%;left: 50%; margin: -35% 0px 0px -50%; background:url(../images/indexbg.png) no-repeat; background-size:contain;}
.indexpos{ position:relative; left:60%; width:60px; height:120px; text-align:center; margin-top:-20%;}
.indexpos .xpos{ width:100%; animation:myfirst 5s; position:relative;
-moz-animation:myfirst 0.7s infinite; /* Firefox */
-webkit-animation:myfirst 0.7s infinite; /* Safari and Chrome */
-o-animation:myfirst 0.7s infinite; /* Opera */}
@keyframes myfirst
{
0%   { left:0px; top:0px;}
25%  { left:0px; top:10px;}
50%  { left:0px; top:0px;}
75%  { left:0px; top:10px;}
100% { left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   { left:0px; top:0px;}
25%  { left:0px; top:10px;}
50%  { left:0px; top:0px;}
75%  { left:0px; top:10px;}
100% { left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { left:0px; top:0px;}
25%  { left:0px; top:10px;}
50%  { left:0px; top:0px;}
75%  { left:0px; top:10px;}
100% { left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   { left:0px; top:0px;}
25%  { left:0px; top:10px;}
50%  { left:0px; top:0px;}
75%  { left:0px; top:10px;}
100% { left:0px; top:0px;}
}
.xcircle{ width:8px; height:8px; background-color:#f00; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display:block; margin:10px auto;}

.mapbox{ width:100%; overflow:hidden;}
.chatbox{ width:100%; overflow:hidden; }
.fragment{ clear:both; margin-top:12px;}
.fragment time{ text-align:center; width:100%; margin:0 auto; display:block; font-size:14px; color:#444;}
.chatleft{ width:100%; overflow:hidden; clear:both; margin-bottom:20px;}
.chatkg{ margin-left:10px; width:90%; margin-top:6px; position:relative; overflow:hidden;}
.chatpic{ float:left; width:80px; text-align:center;}
.chatpic .chatuser{ border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; width:60px; height:60px; overflow:hidden;
 -moz-box-shadow:0px 0px 5px #aaa;   -webkit-box-shadow:0px 0px 5px #aaa;  box-shadow:0px 0px 5px #aaa; text-align:center; margin:0 auto;
 }
.chatpic .chatuser img{ width:60px;}
.chatpic title{ font-size:14px; color:#046155; display:block; margin-top:5px; width:70px; display:block; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.chatword{ width:50%; background-color:#1968b1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:left; padding:10px; margin-left:6px; 
-moz-box-shadow:0px 0px 5px #aaa;   -webkit-box-shadow:0px 0px 5px #aaa;  box-shadow:0px 0px 5px #aaa; height:42px; line-height:42px; margin-top:12px;
}
.chatleft .ico-sanj{ width:24px; height:26px; position:absolute; z-index:10; left:64px; top:20px;}
.chatword p{ color:#fff; font-size:14px; line-height:20px;}

.chatright{ width:100%; overflow:hidden; clear:both; margin-bottom:20px;}
.chatkg{ margin-left:10px; width:90%; margin-top:6px; position:relative;}
.chatpic2{ float:right; width:80px; text-align:center;}
.chatpic2 .chatuser{ border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; width:60px; height:60px; overflow:hidden;
 -moz-box-shadow:0px 0px 5px #aaa;   -webkit-box-shadow:0px 0px 5px #aaa;  box-shadow:0px 0px 5px #aaa; text-align:center; margin:0 auto;
 }
.chatpic2 .chatuser img{ width:60px;}
.chatpic2 title{ font-size:14px; color:#046155; display:block; margin-top:5px; width:70px; display:block; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.chatword2{ width:50%; background-color:#fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:left; padding:10px; margin-left:5px; 
-moz-box-shadow:0px 0px 5px #aaa;   -webkit-box-shadow:0px 0px 5px #aaa;  box-shadow:0px 0px 5px #aaa; height:42px; line-height:42px; margin-top:12px; float:right;
}
.chatright .ico-sanj2{ width:24px; height:26px; position:absolute; z-index:10; right:64px; top:20px;}
.chatword2 p{ color:#333; font-size:14px; line-height:20px;}
.chatword2 img{ width:90%; text-align:center; margin:10px auto; display:block;}

.chatget{ float:left; border-bottom:1px solid #fff; line-height:44px; height:32px; width:66%;}
.chatsr{ border:none; border:0px; background-color:transparent; width:80%;  line-height:44px; height:36px; color:#fff;}
.srbtn{ width:20%; margin-left:2%; height:28px; margin-top:5px; background-color:#0ca7a5; color:#fff; font-size:15px;}

.userc{ width:100%; clear:both; overflow:hidden; margin-bottom:60px;}
.userc2{ width:100%; clear:both; overflow:hidden; margin-bottom:20px;}
.uimg{ width:100%; background-color:#fff; overflow:hidden;}
.userimg{ border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; width:90px; height:90px; overflow:hidden;
 -moz-box-shadow:0px 0px 5px #aaa;  -webkit-box-shadow:0px 0px 5px #aaa;  box-shadow:0px 0px 5px #aaa; float:left; margin:20px 15px;}
.username{ float:left; margin-top:25px; line-height:24px; width:60%; font-size:15px;}
.username p{ font-size:17px; color:#0ca7a5; height:24px; line-height:24px;}

.line01{ width:1px; height:30px; background-color:#0a8e89; overflow:hidden; margin-left:60px;}
.baby{ margin-left:23px; margin-bottom:15px; overflow:hidden; clear:both;}
.babyimg{ border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; width:70px; height:70px; overflow:hidden;
 -moz-box-shadow:0px 0px 5px #aaa;  -webkit-box-shadow:0px 0px 5px #aaa;  box-shadow:0px 0px 5px #aaa; float:left;}
.babytxt{ width:70%; background-color:#fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:left; padding:10px; margin-left:5px; 
-moz-box-shadow:0px 0px 5px #aaa;   -webkit-box-shadow:0px 0px 5px #aaa;  box-shadow:0px 0px 5px #aaa; font-size:14px; line-height:21px; margin-top:3px; cursor:pointer;}
.babytxt:hover{ background-color:#fff;}
.babytxt .ico-open{ margin-top:10px;}

.srow{ height:42px; line-height:42px; background-color:#fff; -moz-box-shadow:0px 0px 3px #aaa;  -webkit-box-shadow:0px 0px 3px #aaa;  box-shadow:0px 0px 3px #aaa; cursor:pointer; font-size:15px;}
.srow:hover{ background-color:#f1f1f1;}
.srow-w{ width:90%; margin:0 auto;}
.srow .mui-ico{ line-height:42px; height:42px; vertical-align:middle;}
.srow p{ color:#0ca7a5; margin:0 auto; float:left; margin-left:6px;}
.srow span{ float:right;}
.mar10{ margin-top:10px;}
.babtn{ width:96%; margin:0 auto; overflow:hidden; clear:both;}
.babtn .jcbangbtn{ width:100%; height:40px; line-height:40px; margin:15px auto; text-align:center; color:#fff;}

.drow{ width:100%; background-color:#fff; -moz-box-shadow:0px 0px 3px #aaa;  -webkit-box-shadow:0px 0px 3px #aaa;  box-shadow:0px 0px 3px #aaa; cursor:pointer;line-height:24px; font-size:15px;}
.drow:hover{ background-color:#f1f1f1;}
.drow-w{ width:90%; margin:0 auto; padding:10px 0px;}
.drow .mui-ico{ line-height:42px; height:42px; vertical-align:middle;}
.drow p{ color:#0ca7a5; margin:0 auto; margin-left:6px;}
.drow span{ font-size:14px; display:block; margin-left:6px;}

.jhimg-u{ width:96%; background-color:#066862; overflow:hidden; margin:8px auto 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow:0px 0px 3px #aaa;  -webkit-box-shadow:0px 0px 3px #aaa;  box-shadow:0px 0px 3px #aaa;}
.jhimg-u .username p{ color:#fff;}
.jhimg-u .username span{ color:#ccc;}
.username .jhdelbtn{ height:32px; line-height:24px; width:60%; margin-top:4px; color:#fff; }
.jhimg{ width:96%; background-color:#fff; overflow:hidden; margin:8px auto 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow:0px 0px 3px #aaa;  -webkit-box-shadow:0px 0px 3px #aaa;  box-shadow:0px 0px 3px #aaa;}

.qinq{ width:96%; background-color:#fff; overflow:hidden; margin:8px auto 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow:0px 0px 3px #aaa;  -webkit-box-shadow:0px 0px 3px #aaa;  box-shadow:0px 0px 3px #aaa;}
.numimg{ border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; width:40px; height:40px; overflow:hidden;
 -moz-box-shadow:0px 0px 5px #aaa;  -webkit-box-shadow:0px 0px 5px #aaa;  box-shadow:0px 0px 5px #aaa; float:left; margin:20px 15px; font-size:24px; text-align:center; line-height:40px; background-color:#f00;
 -moz-box-shadow:0px 0px 6px #666 inset;  -webkit-box-shadow:0px 0px 6px #666 inset;  box-shadow:0px 0px 6px #666 inset; color:#fff;
}
.qinqname{ float:left; margin-top:15px; line-height:24px; width:60%; font-size:15px;}
.qinqcen{ width:100%; margin:12px auto; text-align:center;}
.qinqcen .qinqbtn{ width:96%; margin:0 auto; color:#fff;}

.qinqbox{ width:100%; clear:both; overflow:hidden;}
.qinqname .qqname,.qinqname .qqphone{ width:100%; margin-bottom:4px;}
.qinqname input{ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:none; border:1px solid #0ca7a5; height:24px; text-indent:4px; color:#666;}

.msgrow{ height:42px; line-height:42px; background-color:#fff; -moz-box-shadow:0px 0px 3px #aaa;  -webkit-box-shadow:0px 0px 3px #aaa;  box-shadow:0px 0px 3px #aaa; cursor:pointer; font-size:15px; margin-top:6px;}
.msgrow:hover{ background-color:#f1f1f1;}
.msgrow-w{ width:94%; margin:0 auto;}
.msgrow .mui-ico{ line-height:42px; height:42px; vertical-align:middle;}
.msgrow p{ color:#0ca7a5; margin:0 auto; float:left;}
.msgrow span{ float:right;}
.msgrow sup{ height:28px; width:28px; border-radius: 28px; -moz-border-radius: 28px; -webkit-border-radius: 28px; background-color:#F00; overflow:hidden; font-size:11px; margin-left:6px; padding:3px; color:#fff;}

.msgtype{ width:92%; clear:both; overflow:hidden; margin:10px auto;}
.msgtype div{ cursor:pointer;}
.msgtype div span{ padding-left:6px; padding-right:6px; color:#fff;}
a.circle24{ width:24px; height:24px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; background-color:#F00;  padding:4px; font-size:12px; color:#fff;}
.msgtype #TabTitle1_1{ border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px 0px 0px 6px;; -webkit-border-radius: 6px 0px 0px 6px;; width:50%; height:44px; line-height:44px; background-color:#bbb; display:block; float:left; text-align:left;}
.msgtype #TabTitle1_2{ border-radius: 0px 6px 6px 0px; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; width:50%; height:44px; line-height:44px; background-color:#bbb; display:block; float:left; text-align:right; }
.msgtype #TabTitle1_1.selected_1, .msgtype #TabTitle1_2.selected_1{ background-color:#0ca7a5;}
#TabTitle1_1 a.circle24{ background-color:#F00;}
#TabTitle1_2 a.circle24{ background-color:#9bab11;}

.msglist{ width:100%; clear:both; overflow:hidden;}
.msglist ul{ width:92%; margin:0px auto 10px;}
.msglist ul li{ border-bottom:1px solid #CCC; margin-bottom:6px; padding-bottom:6px; overflow:hidden; position:relative;}
.msglist ul li .msgtxt{ float:left; width:94%; color:#333; line-height:24px; font-size:16px;}
.msglist ul li .msgtxt time{ color:#aaa;}
.msglist ul li .mui-ico.ico-open{ position:absolute; top:48%; right:0px; margin-top:-12px;}
#Tabs1_1 .msgtxt{ color:#900;}

.msgart{ width:90%; margin:10px auto 0px; }
.msgart h3{ margin:20px auto 10px; text-align:center;}
.msgart time{ font-size:14px; color:#999; text-align:center; display:block;}
.msgart article{ text-indent:2em; font-size:16px; line-height:24px; margin:10px auto;}
.msgart article p{ line-height:24px;}
.msgbtn{ width:90%; clear:both; overflow:hidden; margin:20px auto 20px; text-align:center;}
.msgbtn .msgdelbtn{ color:#fff;}

.twobtn{ width:90%; clear:both; overflow:hidden; margin:20px auto 20px; text-align:center;}
.twobtn input{ width:48%; color:#fff;}
.twobtn input +input{ margin-left:4%;}
.twobtn .surebtn{ background-color:#0ca7a5;}
.twobtn .delbtn{ background-color:#aaa;}
.maptxt{ width:92%; margin:10px auto; line-height:22px;}

.loglist{ width:100%; clear:both; overflow:hidden;}
.logtime{ text-align:center; margin:10px auto; color:#900;}
.loglist ul{ width:92%; margin:0px auto 10px;}
.loglist ul li{ border-bottom:1px solid #CCC; margin-bottom:6px; padding-bottom:6px; overflow:hidden; position:relative;}
.loglist ul li p{ color:#333; line-height:24px; font-size:16px;}
.loglist ul li span{ font-size:15px; color:#999;}
.loglist ul li time{ display:inline-block; height:30px; line-height:30px; margin-right:6px; color:#aaa;}
.gjbox{ width:92%; margin:10px auto; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #0ca7a5; background-color:#fff; }
.gjbox .gjdate{ border:none; border:0px; text-indent:6px; height:32px; line-height:32px; background-color:transparent;}
.gjbox .ico-date{ line-height:32px; height:32px;}

.warbox{ width:92%; clear:both; overflow:hidden; margin:0 auto;}
.warbox h4{ border-bottom:1px solid #0ca7a5; font-weight:normal; margin-bottom:4px; padding-bottom:4px;}
.warpin{ margin-top:12px; font-size:15px;}
.warpin .interval{  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #0ca7a5; width:30%; height:28px; line-height:28px;}

.warli{ margin:5px auto;}
.warli .warstyle{ font-size:16px; text-indent:4px;}
.warli p{ font-size:14px; color:#999; text-indent:20px;}
.warpin p.s1{ font-size:14px; color:#999;}
.wartime{  width:100%; clear:both; overflow:hidden; margin:6px auto;}
.wartime span{ float:left; width:75%;}
.wartime input{ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #0ca7a5; height:28px; line-height:28px; width:45%; text-indent:4px;}
.warlock,.waropen{ float:right;}

.settitle{ background-color:#000; height:80px; width:100%; text-align:center; font-size:30px; color:#fff; line-height:80px;}
.setul{ width:100%; clear:both; overflow:hidden; margin:0px auto 10px;}
.setli{ width:100%; border-bottom:1px solid #666; height:42px; line-height:42px; cursor:pointer;}
.setli:hover{ background-color:#333;}
.setli-w{ width:94%; margin:0 auto; }
.setli .mui-ico{ line-height:42px; height:42px; vertical-align:middle;}
.setli p{ color:#0ca7a5; margin-left:4px; float:left; color:#fff;}

.watchad{ clear:both; width:100%;}
.watrow{ height:42px; line-height:42px; background-color:#fff; -moz-box-shadow:0px 0px 3px #aaa;  -webkit-box-shadow:0px 0px 3px #aaa;  box-shadow:0px 0px 3px #aaa; cursor:pointer; font-size:15px;}
.watrow:hover{ background-color:#f1f1f1;}
.watrow-w{ width:94%; margin:0 auto;}
.watrow .mui-ico{ line-height:42px; height:42px; vertical-align:middle;}
.watrow p{ color:#0ca7a5; margin:0 auto; float:left;}
.watrow span{ float:right;}

.watrow .telopen, .watrow .tellock, .watrow .warlock{ margin-top:10px; vertical-align:middle; line-height:42px;}
.watchtit{ height:48px; line-height:48px; background-color:#ccc; text-indent:10px;}
.appabout{ width:100%; text-align:center; height:auto; margin-bottom:15px;}
.appabout img{ width:30%; margin:15px auto 0px; text-align:center;}
.appabout p{ font-size:15px; color:#333;}
.appabout p span{ color:#666; font-size:13px;}

.helplist{ width:100%; clear:both; overflow:hidden;}
.helplist ul{ width:92%; margin:10px auto 10px;}
.helplist ul li{ border-bottom:1px solid #CCC; margin-bottom:6px; padding-bottom:6px; overflow:hidden; position:relative;}
.helplist ul li span{ color:#333; line-height:24px; font-size:15px;}
.helplist ul li p{ color:#aaa; font-size:14px; line-height:22px;}

.qulist{ width:100%; clear:both; overflow:hidden;}
.qulist ul{ width:92%; margin:10px auto 10px;}
.qulist ul li{ border-bottom:1px solid #CCC; margin-bottom:6px; padding-bottom:6px; overflow:hidden; position:relative; cursor:pointer;}
.qulist ul li .a1{ color:#333; line-height:24px; font-size:15px;  position:relative;}
.qulist ul li .a1 span{ display:block; background:url(../images/dote.png) no-repeat left top; padding-left:3%; line-height:24px; color:#565656;}
.qulist ul li .a1 .aimg{ width:40%; background-color:#fff; text-align:center; float:right;  margin-left:3%;}
.qulist ul li .aimg img{ margin:0 auto; max-width:150px;}
.qulist ul li .a1 bdo{ margin-left:3%; height:12px; line-height:12px; color:#CCC; font-size:13px;}
.qulist ul li p.a2{ color:#900; font-size:14px; line-height:22px; margin-top:8px;}
.qulist ul li div.a3{ overflow:hidden;}
.qulist ul li div.a3 span{ color:#aaa; font-size:14px; float:left;}
.qulist ul li time{ color:#aaa; font-size:13px; text-align:right;}


.watem{ width:100%; background-color:#fff; text-align:center;}
.watem img{ width:60%; margin:0 auto; }

.vocbor{  width:90%; margin:5px auto; text-align:center; background-color:#fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display:block; height:32px; line-height:32px; color:#333; -moz-box-shadow:0px 0px 3px #aaa;  -webkit-box-shadow:0px 0px 3px #aaa;  box-shadow:0px 0px 3px #aaa;}
.vocbor:hover{ background-color:#efefef;}

select.lptime{ width:90px;margin:0px; padding:5px 0px; display:inline-block; background:url(../fonts/ico-triangle.png) no-repeat 50px center #fff; padding-left:10px; cursor:pointer;}

.fwrow{ width:94%; margin:0 auto;}
.fwrow p{ line-height:32px; height:32px;}
.fwrowbox{ position:relative;height:30px; line-height:24px; border:1px #ccc solid; background-color:#e2e2e2; width:74%; -webkit-box-shadow:3px 3px 10px #e2e2e2 inset;box-shadow:3px 3px 10px #e2e2e2 inset; float:left;-moz-box-shadow: inset 0px 0px 4px #bbb;
-webkit-box-shadow: inset 0px 0px 4px #bbb;
box-shadow: inset 0px 0px 4px #bbb;}
input.upfile{ border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px; width:100%; height:28px; line-height:24px; font-size:14px;}
.fwrow input.upload{ border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px; width:100%; height:30px; line-height:24px; font-size:14px; width:24%; float:left; margin-left:2%; text-align:center; border:1px solid #707070;background-color:#F0F0F0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0f0f0', endColorstr = '#deffea');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0f0f0', endColorstr = '#deffea')";
background-image: -moz-linear-gradient(top, #f0f0f0, #deffea);
background-image: -ms-linear-gradient(top, #f0f0f0, #deffea);
background-image: -o-linear-gradient(top, #f0f0f0, #deffea);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#deffea));
background-image: -webkit-linear-gradient(top, #f0f0f0, #deffea);
background-image: linear-gradient(top, #f0f0f0, #deffea);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.lessbox{ width:100%; clear:both; overflow:hidden; margin:0 auto; background-color:#efefef; -webkit-box-shadow:0 0 10px #666;  -moz-box-shadow:0 0 10px #666;  box-shadow:0 0 10px #666; }
.lesstit{ width:92%; margin:20px auto 0px; height:36px; padding-bottom:10px; overflow:hidden;}
.lesstit p{  font-weight:normal; float:left; font-size:24px;}
.lesstxt{ width:92%; margin:0 auto; font-size:14px; margin-bottom:15px; line-height:22px;}

.lesspin { clear: both; margin: 16px auto 6px; overflow: hidden; width: 100%;}
.lesspin input { border: 1px solid #0ca7a5; border-radius: 6px; height: 28px;line-height: 28px; text-indent: 4px; width: 35%; padding:0px;}

.lesspin2{ clear: both; margin: 16px auto 6px; overflow: hidden; width: 100%;}
.lesspin2 span{ display:inline-block; overflow:hidden;}

@media (max-width:320px) { .lesspin2 span{ width:auto;}}
@media (min-width:321px) { .lesspin2 span{ width:13%;}}

.chk_1 { display: none; } 
 
.chk_1 + label {  background-color: #FFF;  border: 1px solid #C1CACA;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);  padding: 9px;  border-radius: 5px;  display: inline-block;  position: relative; cursor:pointer;} 
.chk_1 + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
 
.chk_1:checked + label { 
    background-color: #0CA7A5; 
    border: 1px solid #008484; 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); 
    color: #243441; 
} 
 
.chk_1:checked + label:after { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    color: #fff; 
    width: 100%; 
    text-align: center; 
    font-size: 1.4em; 
    padding: 1px 0 0 0; 
    vertical-align: text-top; 
}












